<template>
  <div>
    <el-card style="width: 160px;">
      <div class="box">
        <span>学员姓名</span><br />
        <span style="color: #1A8CFE;font-size: 14px">{{setRight.realname}}</span>
      </div>
      <div class="box">
        <span>考试成绩</span><br />
        <span style="color: #FF0000;font-size: 14px">{{setRight.score}}</span>
      </div>
      <div class="box">
        <span>考试状态</span><br />
        <span style="color: #FF0000;font-size: 14px" v-if="setRight.isPass === 0">未及格</span>
        <span style="color: #FF0000;font-size: 14px" v-if="setRight.isPass === 1">已及格</span>
      </div>
    </el-card>
  </div>
</template>

<script>
  export default {
    name: 'right',
    data() {
      return {

      }
    },
    props: { setRight: {}},
    methods: {
      test(){
        document.body.scrollTop = document.documentElement.scrollTop = 0;
      },

    }
  }
</script>

<style scoped>
.box{
  width: 120px;
  height: 100px;
  font-size: 16px;
  text-align: center;
  padding-top: 30px;
  border-bottom: 1px solid #CCCCCC;
  /*line-height: 80px;*/
  /*padding-left: 20px;*/
  align-self: flex-start;
}
  .btn{
    height: 30px;
    width: 80%;
  }
  .btn-footer{
    width: 150px;
  }
</style>
